<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib prefix="security" uri="http://www.springframework.org/security/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="js/ajax.js" type="text/javascript"></script>
<script src="js/register.js" type="text/javascript"></script>
<script src="js/showdate.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table>
<tr><td>Cosplay.com Rules</td><td>Step 1</td><td>Step 2</td><td>Step 3</td><td>Finist</td>
<tr><td colspan="5">
</td></tr></table>
<div id="infoerror" style="visibility: hidden;">UserInfo not correct,
please consult information below</div>
<form id="register" action="register.htm" method="POST"
	onSubmit="return check();"enctype="multipart/form-data">
<table>
	<tr>
		<td style="text-align: left">Username:</td>
		<td><input id="username" type="text" name="username"
			onChange="javascript:verifyuser();" /></td>
		<td>
		<div id="messageusercheck"></div>
		</td>
	</tr>
	<tr>
		<td style="text-align: left">Password:</td>
		<td><input id="password" type="password" name="password" /></td>
		<td></td>
	</tr>
	<tr>
		<td style="text-align: left">Confirm Password:</td>
		<td><input id="confirmpassword" type="password"
			onChange="javascript:verifypassword();" /></td>
		<td>
		<div id="passwordcheck"></div>
		</td>
	</tr>
	<tr>
		<td style="text-align: left">Description:</td>
		<td><input id="description" type="text" name="description" /></td>
		<td></td>
	</tr>
	<tr>
		<td style="text-align: left">E-mail:</td>
		<td>
			<input id="email" type="text" onChange="javascript:verifyemail();" name="email" /></td>
		<td>
		<div id="emailcheck"></div>
		</td>
	</tr>
	<tr>
		<td style="text-align: left">headImage:</td>
		<td><input id="headimage" type="file" name="headimage" /></td>
		<td></td>
	</tr>
	<tr>
		<td style="text-align: left">Country:</td>
		<td><input id="country" type="text" name="country" /></td>
		<td></td>
	</tr>
	<tr>
		<td style="text-align: left">Address:</td>
		<td><input id="address" type="text" name="address" /></td>
		<td></td>
	</tr>
	<tr>
		<td style="text-align: left">Tel:</td>
		<td><input id="tel" type="text" name="tel" /></td>
		<td></td>
	</tr>
	<tr>
		<td style="text-align: left">BirthDate:</td>
		<td><input id="birthday" type="text" name="birthday" onFocus="HS_setDate(this)" /></td>
		<td></td>
	</tr>
<security:authorize ifAnyGranted="ROLE_ADMIN">
	<tr>
		<td style="text-align: left">UserRole:</td>
		<td>
		<select id="userrole" name="userrole">
		<option id="user" label="user" value="ROLE_USER">user</option>
		<option id="admin" label="admin" value="ROLE_ADMIN">admin</option>
		</select>
		</td>
		<td></td>
	</tr></security:authorize>
	<tr>
		<td style="text-align: left">Nickname:</td>
		<td><input id="nickname" type="text" name="nickname" /></td>
		<td></td>
	</tr>
	<tr>
		<td style="text-align: center" colspan="3"><input type="submit"
			value="submit" /></td>
	</tr>
</table>
</form>
</body>
</html>